Trayanez
-
Posts
29 -
Joined
-
Last visited
Trayanez's Achievements
Explorer (1/14)
0
Reputation
-
.moduletable_menu.ul.li{ margin-left:54px; } .moduletable_menu.ul.li.ul.li{ margin-left:0px; } Самый простой способ сделать так
-
проблему решил, спасибо этот намек мне дал почву для размышлений. <div class="header"><a href="#"><div class="head-left">проектно-строительная компания</div></a></div> в стилях попробовал дописал .header a{text-decoration:none;} проблема исчезла, пасиб
-
Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет видно синее подчеркивание, которого не наблюдается при входе с другого браузера. Подскажите, может кто то уже боролся с этой проблемой!!
-
незнаю, я привык в работе по-максимуму использовать дивы без таблиц из принципа, а это сделать без таблиц элементарно...
-
Сверстанная страница на одном компьютере неправильно отображется.
Trayanez replied to rognarek's question in HTML Coding
хоть и глюк нашел, но все равно посоветуй начальнице комп поменять или прекратить вообще работу с компьютерами, она на них пагубно влияет...они начинают глючить)))) -
я подобное создавал в form, чисто на дивах без использования таблиц, особо проблем не испытал
-
я может вопрос недопонял малость, но я сделал так как понял, только пришлось перекроить на таблицы вот код: html: <table class=" nw" width="100%" height="50" cellpadding="0" cellspacing="0"> <tr> <td class="pole_name">Тут название поля*</td> <td class="pole_lists" valign="middle"> <select class="list_style"> <option value="all">132</option> <option value="1">123</option> <option value="2">13</option> </select> </td> </tr> </table> css: #pole { width:100%; float:left; } #pole .nw { background-color:#e3ebf5; } #pole .wht { background-color:#FFF; height:50px; } #pole .pole_name { text-align: left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-left:25px; width:33%; line-height:50px; } #pole .pole_lists { line-height:50px; width:63%; text-align:center; } #pole .list_style { width: 90%; height:90%; background-color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-size:22px; } если я неправильно что-либо сделал напиши, может помогу!!
-
я чет понять не могу зачем такой сложный скрипт для выпадающего меню!!! я в нем не стал особо разбираться... короч чтоб много не писать, я вставил скриптик попроще для менюшки и настроил ее так как ты хотел: в итоге в header код стал такой <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <link rel="stylesheet" href="temp-for-menu.css" type="text/css"> <link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" /> <script type="text/javascript" src="sdmenu/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script> </head> и кусок кода где твое раскрывающееся меню стал такой <div id="my_menu" class="sdmenu"> <div> <span class="btn-slide">Выпадающее меню</span> <div id="panel" style="display:none;"> <a href="index.html">Image Optimizer</a> <a href="index.html">FavIcon Generator</a></div> </div> <a href="index.html" class="links">Не выпадает</a> </div> и не забудь закинуть файл jquery.js в папку, тогда все работает как ты и хотел!!!(по поводу первого вопроса), по поводу второго вопроса сходу сказать не могу, так как не могу потестить из-за отсутсвия IE6 на рабочем компе по второму вопросу советую почитать вот эту статью http://joomlaforum.ru/index.php?topic=46060.0
-
Удалял, скрипт!! я даже пробовал просто голый body оставлять с его стилями один фиг та же фигня(((
-
начал делать сайт и напоролся в неожиданно простом месте на очень неприятную проблему, с которой не могу разобраться.... http://open.ezg.su/ - по этой ссылке выложен сайт такое ощущение, что у body в верхней его части находтся какой то пустой div. margin:0, padding:0-как видно из примера не помогают!!!!! Может кто сталкивался с такой проблемой...подскажите как решить(может вообще в хостинге проблема ) самое прикольное, что когда делал верстку на компе( html ) проблем не было, никуда ничего не уезжало!!! а как закинул на сервак точно такой же код, верстка поехала!!!!!!
-
я долго разбирался в коде.... и примерно понял почему блоки у тебя в ней разъезжаются(расстояние появляется между изображением холодильника и блоком с менюшкой)-это происходит из-за того что (как я понял): основной блок шапки header_wrap у тебя динамический(width:100%), а каждый из трех блоков внутри нее статические по ширине!!!! Рисунок с яблоком наезжает на меню вот из-за этого свойства DIV.icq1 { margin-left: 870px; margin-top: -60px; font-color: #ffffff; } то есть рисунок у тебя настраивается от левого края header_wrap.... выход есть один и он для тебя самый приемлимый-сделай сайт статическим по ширине , и центируй при помощи <center></center> как и было предложено выше
-
не совсем понял вопрос, надо чтоб три блока стояли друг под другом и глобальный wrapper тянулся вправо если в каком нить из блоков добавляется текс, то вот тебе код код: <html > <head> <style> body{width:auto;} #wrapper{ background:blue; padding:10px; width:auto; float:left; } #wrapper1{ background:red; width:auto; float:left; width:100%; } #wrapper2{ background:#e77817; width:auto; float:left; width:100% } #wrapper3{ background:#969594; width:auto; float:left; width:100% } #z{float:left;background:blue;} </style> </head> <body> <div id="wrapper"> <div id="wrapper1">dfkdbffhdj</div><br> <div id="wrapper2">dfdf</div><br> <div id="wrapper3">gfhfhf</div><br> </div> </body> </html> если ни это, то уточни вопрос
-
ну что я тебе могу по этому поводу сказать,....так просто не смогу объяснить в чем косяки!!! надо код смотреть и css! выложи, а там посмотрим!
-
<li> как повернуть список в горизонтальное положение?
Trayanez replied to sh1va's question in HTML Coding
пример куска css с рабочего сайта!!! на сайте главное меню(<div class="topmenu">список ссылок</div>) выполнено списком слева направо!! код css: #menu {width:85%;height: 24px;border-top:2px solid #ae0000;margin-left:150px;} .topmenu {padding:4px;margin: 0 0 0 10px;} .topmenu li {float:left;list-style:none;} .topmenu li a {position: relative;text-decoration: none;text-transform: lowercase;font: bold 11px arial;text-align: center;color:#212121;margin-right:9px;} .topmenu a:hover{color:#4C4C4C;text-decoration:underline;} код самого меню: <div id="menu"> <ul class="topmenu"> <li><a href="#">главная</a></li> <li><a href="#">О сайте</a></li> </ul> </div> -
Делаю нумерованный список, а получаются -- маркеры
Trayanez replied to goutlant's question in HTML Coding
в том то и дело, что он у li ставит не цифры, а круглешки из-за этого свойства